<template>
    <div class="roman">
      <div>
        <div class="smallContainer isbanner3">
          <p class="oneP">美辰新媒方法论</p>
          <img src="../../assets/img/1-banner/img1/11.png" alt="" class="oneImg">
          <p class="twoP" style="color:#fff;">教您三步做好营销</p>
          <img src="../../assets/img/banner-3/17.png" alt="" style="margin-top:48px;" class="rotate">
          <p class="banner3one sildehover"><img src="../../assets/img/banner-3/19.png" alt=""><span>树概念 | 明确优势，<span>直戳痛点</span></span></p>
          <p class="banner3two sildehover"><img src="../../assets/img/banner-3/20.png" alt=""><span>定用户 | 锁定目标群体</span></p>
          <p class="banner3three sildehover"><img src="../../assets/img/banner-3/21.png" alt=""><span>立场景 | 通过场景引导决策</span></p>
          <p class="banner3four sildehover"><img src="../../assets/img/banner-3/22.png" alt=""><span>讲故事 | 以故事传递品牌价值</span></p>
          <p class="banner3five sildehover"><img src="../../assets/img/banner-3/23.png" alt=""><span>强体验 | 增强用户体验</span></p>
          <p class="banner3six sildehover"><img src="../../assets/img/banner-3/24.png" alt=""><span>做曝光 | 曝光是品牌之本</span></p>
          <p class="banner3seven sildehover"><img src="../../assets/img/banner-3/25.png" alt=""><span>设IP | IP决定商业价值</span></p>
          <p class="banner3eight sildehover"><img src="../../assets/img/banner-3/26.png" alt=""><span>引传播 | 传播提升品牌价值</span></p>
          <p class="banner3nine sildehover"><img src="../../assets/img/banner-3/27.png" alt=""><span>建渠道 | 打造全方位媒体资源，丰富服务矩阵</span></p>
          <p class="banner3ten sildehover"><img src="../../assets/img/banner-3/28.png" alt=""><span>重数据 | 贯通多维数据，提高营销效果</span></p>
        </div>
      </div>
    </div>
</template>
<script>
  import "../../assets/css/carousel.css";
export default {
  data() {
    return {};
  }
};
</script>
<style scoped>
.roman {
  width: 100%;
  height: 574px;
  background: url("../../assets/img/banner-3/16.png");
  margin-top: 65px;
  position: relative;
  overflow:hidden;
  background-position: center;
}
.oneP{
  color:#fff;
  margin-top:80px;
  font-size: 30px;
}
.oneImg{
  margin-top: 20px;
}
.twoP{
  font-size: 16px;
  color:#fff;
  margin-top: 20px;
}
.isbanner3{
  width:1200px;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-600px;
  text-align:center;
}
.isbanner3 p>span{
  font-size: 14px;
  color:#fff;
  margin-left: 5px;
}
.isbanner3 p>span>span{
  font-size: 13px;
  color:#fff;
}
.banner3one{
  position: absolute;
  left:200px;
  top:228px;
}
.banner3two{
  position: absolute;
  left:110px;
  top:279px;
}
.banner3three{
  position: absolute;
  left:74px;
  top:352px;
}
.banner3four{
  position: absolute;
  left:116px;
  top:424px;
}
.banner3five{
  position: absolute;
  left:210px;
  top:485px;
}
.banner3six{
  position: absolute;
  right:219px;
  top:228px;
}
.banner3seven{
  position: absolute;
  right:141px;
  top:279px;
}
.banner3eight{
  position: absolute;
  right:53px;
  top:352px;
}
.banner3nine{
  position: absolute;
  right:0px;
  top:424px;
}
.banner3ten{
  position: absolute;
  right:146px;
  top:485px;
}
.sildehover{
  cursor: pointer;
}

@keyframes rotateBG {
  from {
    transform: rotate(0)
  }
  to {
    transform: rotateZ(360deg)
  }
}
.rotate {
  animation: rotateBG 20s linear infinite;
}
</style>


